//头部
.mmm_header {
  display: flex;
  background-color: #f4483e;

  .header-logo,
  .header-link {
    width: 2rem;
  }

  h1.middle {
    flex: 1;
    text-align: center;
    line-height: 2rem;
    font-size: .8rem;
    color: #fff;
    font-weight: 700;
  }
}

//主要部分
.mmm_main {
  .main-tit {
    font-size: .48rem;
    text-align: center;
    color: rgb(153, 153, 153);
    margin: .32rem 0px;
  }

  li {
    border-bottom: 1px solid #e7e7e7;
    background-repeat: no-repeat;
    background-size: .8rem .8rem;
    background-position: right center;
    list-style: none;
    position: relative;
    overflow: hidden;

    a {
      display: inline-block;
      height: 100%;
      width: 100%;
      padding: .4rem;
      box-sizing: content-box;

      .pic {
        width: 4rem;
        height: 3.2rem;
        overflow: hidden;
        margin-right: .4rem;
        float: left;
      }

      .info {
        padding-right: 1.2rem;
        overflow: hidden;
        font-size: .56rem;
        line-height: .96rem;

        .tit {
          h3 {
            margin: 0;
            padding: 0;
            word-break: break-all;
            text-align: justify;
            font-size: .56rem;
            font-weight: 400;
            color: #333;
            line-height: .8rem;
          }
          h2 {
            font-weight: 700;
          }
        }

        .time{
          font-size: .48rem;
          color: #E70;
          margin-top: .4rem;
        }
      }
    }
  }
}